<!DOCTYPE html>
<html lang=en>
<head>
    <meta charset=utf-8>
    <title>Screen Stream</title>
    <style>body,html{height:80%}html{display:table;margin:auto;color:#FFF;font-family:sans-serif;font-size:larger}body{display:table-cell;vertical-align:middle;background:#455a64;text-align:center}</style>
</head>
<body><img src="logo_big.png" height="256" width="256"/><p>STREAM_REQUIRE_PIN</p>
<form action=/ autocomplete=off>ENTER_PIN
    <input autofocus maxlength=4 name=pin pattern=[0-9]{4} required size=4 title="FOUR_DIGITS" type=password>
    <button type=submit>SUBMIT_TEXT</button>
</form>
<p style=color:red;font-weight:700>WRONG_PIN_MESSAGE</p>
</body>
</html>